import React, {PureComponent} from "react"
import "./index.less"
import ShopItem from "./shop-item"

export default class Shops extends PureComponent {

  render() {

    const {data, children} = this.props

    return (
      <div className={'zr-panel'}>
        <div className={'shop-container shop-detail-container'}>
          {
            data.map(s => {
              return <ShopItem data={s}>
                {children}
              </ShopItem>
            })
          }
        </div>
      </div>
    )
  }
}